<!DOCTYPE HTML>
<html lang="zh-CN">
	<head>
		<title>第一招</title>
		<meta charset="UTF-8">
		<meta name = "viewport" content = "user-scalable=no,width=device-width">
        <link rel="stylesheet"  href="../style/base.css">
		<link rel="stylesheet"  href="css/css.css">
        <link  rel="stylesheet" href="../style/app.min.css">
		<link  rel="stylesheet" href="../style/video.min.css">
		<link rel="stylesheet" href="../style/detail.min.css">
        <link rel="stylesheet" href="../style/scrollbar.css">
        <link rel="stylesheet" href="../style/loadmore.css">
		<script  src="../js/iscroll.js"></script>
       
	</head>

	<body>
		<script type="text/javascript">
var myScroll,
	pullDownEl, pullDownOffset,
	pullUpEl, pullUpOffset,
	generatedCount = 0;

	
	setTimeout(function(){
		myScroll.scrollToElement("li:nth-child(5)", 1500); 
		return false;

	}, 500)

	
/**
 * 下拉刷新 （自定义实现此方法）
 * myScroll.refresh();		// 数据加载完成后，调用界面更新方法
 */
function pullDownAction () {
	setTimeout(function () {	// <-- Simulate network congestion, remove setTimeout from production!
		var el, li, i;
		el = document.getElementById('thelist');

		for (i=0; i<3; i++) {
			li = document.createElement('li');
			li.innerText = 'Generated row ' + (++generatedCount);
			el.insertBefore(li, el.childNodes[0]);
		}
		
		myScroll.refresh();		//数据加载完成后，调用界面更新方法   Remember to refresh when contents are loaded (ie: on ajax completion)
	}, 1000);	// <-- Simulate network congestion, remove setTimeout from production!
}

/**
 * 滚动翻页 （自定义实现此方法）
 * myScroll.refresh();		// 数据加载完成后，调用界面更新方法
 */
function pullUpAction () {
	setTimeout(function () {	// <-- Simulate network congestion, remove setTimeout from production!
		var el, li, i;
		el = document.getElementById('thelist');

		for (i=0; i<3; i++) {
			li = document.createElement('li');
			li.innerText = 'Generated row ' + (++generatedCount);
			el.appendChild(li, el.childNodes[0]);
		}
		
		myScroll.refresh();		// 数据加载完成后，调用界面更新方法 Remember to refresh when contents are loaded (ie: on ajax completion)
	}, 1000);	// <-- Simulate network congestion, remove setTimeout from production!
}

/**
 * 初始化iScroll控件
 */
function loaded() {
	pullDownEl = document.getElementById('pullDown');
	pullDownOffset = pullDownEl.offsetHeight;
	pullUpEl = document.getElementById('pullUp');	
	pullUpOffset = pullUpEl.offsetHeight;
	
	myScroll = new iScroll('wrapper', {
		scrollbarClass: 'myScrollbar', /* 重要样式 */
		useTransition: false, /* 此属性不知用意，本人从true改为false */
		topOffset: pullDownOffset,
		onRefresh: function () {
			if (pullDownEl.className.match('loading')) {
				pullDownEl.className = '';
				pullDownEl.querySelector('.pullDownLabel').innerHTML = '下拉刷新...';
			} else if (pullUpEl.className.match('loading')) {
				pullUpEl.className = '';
				pullUpEl.querySelector('.pullUpLabel').innerHTML = '上拉加载更多...';
			}
		},
		onScrollMove: function () {
			if (this.y > 5 && !pullDownEl.className.match('flip')) {
				pullDownEl.className = 'flip';
				pullDownEl.querySelector('.pullDownLabel').innerHTML = '松手开始更新...';
				this.minScrollY = 0;
			} else if (this.y < 5 && pullDownEl.className.match('flip')) {
				pullDownEl.className = '';
				pullDownEl.querySelector('.pullDownLabel').innerHTML = '下拉刷新...';
				this.minScrollY = -pullDownOffset;
			} else if (this.y < (this.maxScrollY - 5) && !pullUpEl.className.match('flip')) {
				pullUpEl.className = 'flip';
				pullUpEl.querySelector('.pullUpLabel').innerHTML = '松手开始更新...';
				this.maxScrollY = this.maxScrollY;
			} else if (this.y > (this.maxScrollY + 5) && pullUpEl.className.match('flip')) {
				pullUpEl.className = '';
				pullUpEl.querySelector('.pullUpLabel').innerHTML = '上拉加载更多...';
				this.maxScrollY = pullUpOffset;
			}
		},
		onScrollEnd: function () {
			if (pullDownEl.className.match('flip')) {
				pullDownEl.className = 'loading';
				pullDownEl.querySelector('.pullDownLabel').innerHTML = '加载中...';				
				pullDownAction();	// Execute custom function (ajax call?)
			} else if (pullUpEl.className.match('flip')) {
				pullUpEl.className = 'loading';
				pullUpEl.querySelector('.pullUpLabel').innerHTML = '加载中...';				
				pullUpAction();	// Execute custom function (ajax call?)
			}
		}
	});
	
	setTimeout(function () { document.getElementById('wrapper').style.left = '0'; }, 800);
}

//初始化绑定iScroll控件 
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', loaded, false); 

</script>
		<div style="margin:auto;padding-left:20px;padding-right:20px">
		<div class="title1">第 <span style="font-size:50px">1</span> 招</div>
		<p class="title2">利用一切载体做营销</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;说到微信营销，大家通常都会想到微信公众号、朋友圈和微店。这的确是微信营销的重要载体，但并不是全部。</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;微信营销可以利用的载体还有很多。所有能被人看到的地方都是营销的载体 。昵称、简介、头像、背景、所在位置等等，都可以用来做营销。</p>
		<img src="img/1-1.png" width="80%" />
		<p>&nbsp;&nbsp;&nbsp;&nbsp;昵称和头像很容易被忽视，但它们的重要性是不言而喻的。我们通过微信与人互动，最早接触到的肯定是昵称和头像。你可以一言不发，只是去朋友圈点个赞，你的昵称和头像也会显示出来，这也都是营销。可以不关注对方的公众号，可以不看对方的朋友圈，但只要还有沟通和互动——点对点聊天或群聊，就肯定能看到昵称和头像。甚至可以这样认为，昵称和头像在营销上的重要性超过了公众号和朋友圈，而昵称由于是文字，可以传递更多信息，比头像更重要，可谓微信营销的第一载体。</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;个人简介、朋友圈背景、所在位置，也是也是重要的、容易被忽视的营销载体。我们将在本书接下来的章节里，详细向读者介绍。</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;点对点的聊天能更精准地传递信息，但耗费时间精力较大，而且只能偶尔为之，否则会让目标客户感觉是受到了骚扰；群聊可以用较少的时间精力抵达多位受众，在目标受众群，保持一定的发声频率，有助于自我营销。在微信群里发红包，或者点对点定向发红包，也是能引发受众积极参与的营销手法。</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;同时，微信营销不要只局限于微信，还应该与其他营销手段、渠道如微博、淘宝、天猫、线下活动、实体店等打通，互相引流、互相补充、互相促进，从而形成立体的营销网络。</p>

	<div style="text-align:center; padding:15px;">
		<!--<a href="page2.html" class="button white small">上一页</a>-->
		<a href="../chapter_list.html" class="button white small">返回目录</a>
		<a href="page2.html" class="button white small">下一页</a>
	</div>
		</div>
        <div class="clear"></div>
   <!--评论列表-->
   <div id="wrapper">
	<div id="scroller">
  <!--热门评论-->
  <section class="hot">
    <div id="articleHotComments" style="display: none;">
      <div class="item-divider"> 热门评论 </div>
      <ul id="ulHotComments" class="ui-list ui-list-pure hot-comment ">
      </ul>
    </div>
    <div id="articleNewComments" class="ui-refresh">
      <div class="item-divider"> 最新评论 </div>
      <ul id="ulNewComments" class="ui-list ui-list-pure hot-comment ">
        <li class="ui-border-b">
          <div class="ui-list-thumb user-logo-click" style="-webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
             <a href="study_contact.html">
            <div class="ui-avatar"><span style="background-image:url(http://wimg.spriteapp.cn/profile/large/2015/07/20/55ac7fe97862e_mini.jpg)"></span></div></a>
          </div>
          <div class="ui-list-info">
            <div class="comment-content">
              <p class="user-name">暴氏集团</p>
               <p class="uptime">2015-10-31 17:32</p>
              <div class="ui-row-flex" data-cid="35978912">
                <div class="ui-col ui-col-3">知道故事告诉我们都是扯淡！</div>
                <div class="ui-col tool-user-praise" style="position: relative; -webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="ui-icon-praise"></i>&nbsp;<span>1</span></div>
              </div>
            </div>
          </div>
        </li>
        <li class="ui-border-b">
          <div class="ui-list-thumb user-logo-click" style="-webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
          <a href="study_contact.html">
            <div class="ui-avatar"><span style="background-image:url(http://tp4.sinaimg.cn/2556882827/50/5688593062/1)"></span></div></a>
          </div>
          <div class="ui-list-info">
            <div class="comment-content">
              <p class="user-name">不明事理金小正</p>
               <p class="uptime">2015-10-31 17:32</p>
              <div class="ui-row-flex" data-cid="35978866">
                <div class="ui-col ui-col-3">这是扎克新皮肤吗！好漂亮！</div>
                <div class="ui-col tool-user-praise" style="position: relative; -webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="ui-icon-praise"></i>&nbsp;<span>1</span></div>
              </div>
            </div>
          </div>
        </li>
        <li class="ui-border-b">
          <div class="ui-list-thumb user-logo-click" style="-webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
            <div class="ui-avatar"><span style="background-image:url(http://wimg.spriteapp.cn/profile/large/2015/07/09/559e27c689283_mini.jpg)"></span></div>
          </div>
          <div class="ui-list-info">
            <div class="comment-content">
              <p class="user-name">飞雪连天射白鹿</p>
               <p class="uptime">2015-10-31 17:32</p>
              <div class="ui-row-flex" data-cid="23430683">
                <div class="ui-col ui-col-3">我去，被我猜对了，还真是米其林</div>
                <div class="ui-col tool-user-praise" style="position: relative; -webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="ui-icon-praise"></i>&nbsp;<span>8</span></div>
              </div>
            </div>
          </div>
        </li>
        <li class="ui-border-b">
          <div class="ui-list-thumb user-logo-click" style="-webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
            <div class="ui-avatar"><span style="background-image:url(http://qzapp.qlogo.cn/qzapp/100336987/6DF1D6F1A485A5B8ADD7CF88ECE656B1/100)"></span></div>
          </div>
          <div class="ui-list-info">
            <div class="comment-content">
              <p class="user-name">爱因思躺</p>
               <p class="uptime">2015-10-31 17:32</p>
              <div class="ui-row-flex" data-cid="23427379">
                <div class="ui-col ui-col-3">本来就是米其林改的。你以为真是什么创意么</div>
                <div class="ui-col tool-user-praise" style="position: relative; -webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="ui-icon-praise"></i>&nbsp;<span>5</span></div>
              </div>
            </div>
          </div>
        </li>
        <li class="ui-border-b">
          <div class="ui-list-thumb user-logo-click" style="-webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
            <div class="ui-avatar"><span style="background-image:url(http://wimg.spriteapp.cn/profile/large/2014/06/05/539075a0e54f0_mini.jpg)"></span></div>
          </div>
          <div class="ui-list-info">
            <div class="comment-content">
              <p class="user-name">飘然</p>
               <p class="uptime">2015-10-31 17:32</p>
              <div class="ui-row-flex" data-cid="23425307">
                <div class="ui-col ui-col-3">变身了</div>
                <div class="ui-col tool-user-praise" style="position: relative; -webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="ui-icon-praise"></i>&nbsp;<span>2</span></div>
              </div>
            </div>
          </div>
        </li>
        <li class="ui-border-b">
          <div class="ui-list-thumb user-logo-click" style="-webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
            <div class="ui-avatar"><span style="background-image:url(http://tp1.sinaimg.cn/5097566864/50/5705637176/0)"></span></div>
          </div>
          <div class="ui-list-info">
            <div class="comment-content">
              <p class="user-name">小美美美滴Lovable</p>
               <p class="uptime">2015-10-31 17:32</p>
              <div class="ui-row-flex" data-cid="23423885">
                <div class="ui-col ui-col-3">米！其！林！！！！</div>
                <div class="ui-col tool-user-praise" style="position: relative; -webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="ui-icon-praise"></i>&nbsp;<span>9</span></div>
              </div>
            </div>
          </div>
        </li>
        <li class="ui-border-b">
          <div class="ui-list-thumb user-logo-click" style="-webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
            <div class="ui-avatar"><span style="background-image:url(http://wimg.spriteapp.cn/profile/large/2015/06/21/55859e2baacfa_mini.jpg)"></span></div>
          </div>
          <div class="ui-list-info">
            <div class="comment-content">
              <p class="user-name">賣黄瓜的小伙儿</p>
               <p class="uptime">2015-10-31 17:32</p>
              <div class="ui-row-flex" data-cid="23422779">
                <div class="ui-col ui-col-3">健成这样 只能给米其林代言了，电影也拍不成了！</div>
                <div class="ui-col tool-user-praise" style="position: relative; -webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="ui-icon-praise"></i>&nbsp;<span>2</span></div>
              </div>
            </div>
          </div>
        </li>
        <li class="ui-border-b">
          <div class="ui-list-thumb user-logo-click" style="-webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
            <div class="ui-avatar"><span style="background-image:url(http://qzapp.qlogo.cn/qzapp/100336987/BCAF1CC3CAF55F774F6611D9504B9318/100)"></span></div>
          </div>
          <div class="ui-list-info">
            <div class="comment-content">
              <p class="user-name">先生，你怕扯蛋不</p>
               <p class="uptime">2015-10-31 17:32</p>
              <div class="ui-row-flex" data-cid="23422634">
                <div class="ui-col ui-col-3">萌萌的</div>
                <div class="ui-col tool-user-praise" style="position: relative; -webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="ui-icon-praise"></i>&nbsp;<span>0</span></div>
              </div>
            </div>
          </div>
        </li>
        <li class="ui-border-b">
          <div class="ui-list-thumb user-logo-click" style="-webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
            <div class="ui-avatar"><span style="background-image:url(http://wimg.spriteapp.cn/profile/large/2015/03/15/55053c2fe6e66_mini.jpg)"></span></div>
          </div>
          <div class="ui-list-info">
            <div class="comment-content">
              <p class="user-name">丢雷楼母</p>
               <p class="uptime">2015-10-31 17:32</p>
              <div class="ui-row-flex" data-cid="23422466">
                <div class="ui-col ui-col-3">米胖子</div>
                <div class="ui-col tool-user-praise" style="position: relative; -webkit-user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="ui-icon-praise"></i>&nbsp;<span>0</span></div>
              </div>
            </div>
          </div>
        </li>
      </ul>
      <div class="ui-refresh-down">上拉加载更多</div>
    </div>
  </section>
</div>
  </section>
  		<div id="pullUp">
			<span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
		</div>
		
	</div>
</div>
  <!--底部评论-->
<footer class="bar bar-footer" id="detailFooter">
  <section class="ui-input-wrap ui-border-t">
    <div class="ui-input ui-border-radius c-comment">
      <input type="text" name="" value="" placeholder="看完此招,留下点评语吧...">
    </div>
    <button class="ui-btn ui-btn-danger c-comment">评论</button>
  </section>
</footer>
<!--
		<div style="height:80px"></div>
        <!--下导航
        <div class="navigation_bar">
            <ul class="list">
              <a href="index.html">
              <div class="botml">60万高端客户</div>
              </a> <a href="book_online.html">
              <div class="botmm on">读书交流</div>
              </a> <a href="me.html">
              <div class="botmr">个人中心</div>
              </a>
            </ul>
  		</div>-->
	</body>
</html>